<template>
  <div>
    <van-nav-bar
      title=""
      left-text="我的关注"
      left-arrow
      @click-left="$router.back()"
    >
      <template #right>
        <van-icon name="search" size="18" />
      </template>
    </van-nav-bar>
    <van-tabs v-model="activeName">
      <van-tab title="家服公司" name="a">
        <van-card
          desc="您的笑容 （满意），我们的追求！"
          title="湖南金管家家政服务有限公司"
          thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
        >
          <template #tags>
            <van-tag plain type="danger">协会成员</van-tag>
            <van-tag plain type="danger">服务好</van-tag>
            <van-tag plain type="danger">环境优美</van-tag>
          </template>
          <template #footer>
            <span>湖南省长沙市天心区暮云工业园凯覆漫城烛照小区4栋1311房</span>
          </template>
        </van-card>
        <van-card
          desc="您的笑容 （满意），我们的追求！"
          title="长沙市格格家政服务有限公司"
          thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
        >
          <template #tags>
            <van-tag plain type="danger">协会成员</van-tag>
            <van-tag plain type="danger">服务好</van-tag>
            <van-tag plain type="danger">环境优美</van-tag>
          </template>
          <template #footer>
            <span>湖南省长沙市天心区暮云工业园凯覆漫城烛照小区4栋1311房</span>
          </template>
        </van-card>
        <van-card
          desc="您的笑容 （满意），我们的追求！"
          title="长沙同诚保洁服务公司"
          thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
        >
          <template #tags>
            <van-tag plain type="danger">协会成员</van-tag>
            <van-tag plain type="danger">服务好</van-tag>
            <van-tag plain type="danger">环境优美</van-tag>
          </template>
          <template #footer>
            <span>湖南省长沙市天心区暮云工业园凯覆漫城烛照小区4栋1311房</span>
          </template>
        </van-card>
      </van-tab>
      <van-tab title="家服人员" name="b">
        <van-card
          title="张丽丽"
          desc="8000元/26天"
          thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
        >
          <template #tags>
            <van-tag plain type="danger">二星育婴师</van-tag>
            <van-tag plain type="danger">6年经验</van-tag>
          </template>
          <template #footer>
            <span>湖南长沙|41岁|服务13户|评论13条</span>
          </template>
        </van-card>
        <van-card
          title="陈佳"
          desc="8000元/26天"
          thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
        >
          <template #tags>
            <van-tag plain type="danger">二星育婴师</van-tag>
            <van-tag plain type="danger">6年经验</van-tag>
          </template>
          <template #footer>
            <span>湖南长沙|41岁|服务13户|评论13条</span>
          </template>
        </van-card>
        <van-card
          title="李丽华"
          desc="8000元/26天"
          thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
        >
          <template #tags>
            <van-tag plain type="danger">二星育婴师</van-tag>
            <van-tag plain type="danger">6年经验</van-tag>
          </template>
          <template #footer>
            <span>湖南长沙|41岁|服务13户|评论13条</span>
          </template>
        </van-card>
        <van-card
          title="王春习"
          desc="8000元/26天"
          thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
        >
          <template #tags>
            <van-tag plain type="danger">二星育婴师</van-tag>
            <van-tag plain type="danger">6年经验</van-tag>
          </template>
          <template #footer>
            <span>湖南长沙|41岁|服务13户|评论13条</span>
          </template>
        </van-card>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: "a"
    };
  }
};
</script>

<style></style>
